#app {}

div {
  padding: 30px;
  font-size: 18px;
  color: #eee;
}


button {
    width: 200px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    border-radius: 8px;
    outline: none;
    border: none;
    background: #fff;
    transition: background .3s;
}

button:focus {
  box-shadow:0 2px 20px #008cff;
}


.button-box:last-child  button:active {
  background: #008cff9d;
}


/**
:visited	a:visited	选择所有访问过的链接	1
:active	a:active	选择活动链接	1
:hover	a:hover	选择鼠标在链接上面时	1
:focus	input:focus	选择具有焦点的输入元素


*/